<template>
  <div class="home">
    <div class="common-layout">
      <el-container style="margin-left: 120px;">
        <el-aside width="200px" style="margin-left: 50px;margin-top: 20px">
          <Aside></Aside>
        </el-aside>
        <el-container>
          <el-header style="padding: 0px 50px 0px 0px;border-radius: 10% ;margin-top: 20px;margin-bottom: 15px;margin-left: 10px">
            <Header></Header>
          </el-header>
          <el-main style="padding: 0;margin-left: 10px">
           <Main style="padding: 0"></Main>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </div>
</template>


<script setup>
import Aside from "./components/Aside/index.vue"
import Header from "./components/Header/index.vue"
import Main from "./components/Main/index.vue"
</script>

<style scoped lang="less">
.home {
  width: 100%;
  background-color: #f5f7f9;
}
</style>
